<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2"><a style="color: red">*</a>{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" data-rule="required;length(~20)" class="form-control" name="row[name]" type="text">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2"><a style="color: red">*</a>{:__('Area_number')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-area_number" data-rule="required;length(~20)" class="form-control" name="row[area_number]" type="text" value="">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2"><a style="color: red">*</a>{:__('Time_type')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio">
                <label for="row[time_type_dan]-1">
                    <input id="row[time_type_dan]-1" name="row[time_type]" type="radio" value="1" checked  /> 工作日
                </label>
                <label for="row[time_type_dan]-2">
                    <input id="row[time_type_dan]-2" name="row[time_type]" type="radio" value="2"  /> 週末
                </label>
            </div>
        </div>
    </div>


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2"><a style="color: red">*</a>{:__('Office_hours_start')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-office_hours_start" data-rule="required" class="form-control datetimepicker" data-date-format='LT' name="row[office_hours_start]" type="datetime" value="09:30">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2"><a style="color: red">*</a>{:__('Office_hours_end')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-office_hours_end" data-rule="required" class="form-control datetimepicker" data-date-format='LT' name="row[office_hours_end]" type="datetime" value="18:00">
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
